<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
		<title>学生事务中心|西区</title>
		<link rel="stylesheet" type="text/css" href="css/initial.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="css/animate.compat.css" />
		<link rel="stylesheet" href="css/player.css">
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<!--轮播css-->
		<link rel="stylesheet" href="css/swiper.min.css">
		<script src="js/swiper.min.js"></script>
	</head>
	<style type="text/css">
		@media screen and (max-width: 320px) {
			.titma {
				font-size: 15px;
			}
		}

		@media screen and (min-width: 700px) {
			#certify {
				width: 900px;
			}

			#certify .swiper-slide {
				width: 80%;
			}

			#cw-gg {
				width: 450px;
				padding: 25px;
			}

			#box_celeft {
				width: 350px;
				padding-top: 2.5%;
			}

			.ulli_ce ul li {
				margin: 35px auto;
			}

			#right_me {
				bottom: 290px;
			}
		}
	</style>
	<body>
		<script type="text/javascript">
			//页面内容在下面修改哦
			var timea_name = "image/me.png"; //网站头像地址
			var name_title = "学生事务中心"; //网站昵称标题
			var qian_title = "你想要的生活和你想过的生活"; //签名语句
			var kbna_image = "image/kbn.png"; //看板娘logo地址
			var yejo_html = '<p>© 2020 Chang wan |<a href="http://beian.miit.gov.cn">ICP备20056375号-1</a></p><p>Theme Made BY 阿豪🎈</p><br><br><br>'; //页面页脚内容修改
			//是否自定义弹窗公告内容：热评no,自定义公告改yes
			var gg_cwrp = "no";
			var center_text = "我是自定义弹窗内容！！！";//弹窗公告内容
			
			//花瓣飘落是否显示：不显示改no,显示改yes
			var huabang = "yes";
			//运行天数修改
			X = new Date("5/19/2020 24:00:00");
			
			//轮播内容添加
			var lun_json = [[
					"bumen/1.html", //点击跳转链接
					"image/1.png", //展示图片地址
					"网络部" //轮播标题
				],
				[
					"bumen/2.html", //点击跳转链接
					"image/2.png", //展示图片地址
					"秘书部" //轮播标题
				],
				[
					"bumen/3.html", //点击跳转链接
					"image/3.png", //展示图片地址
					"公关部" //轮播标题
				],
				[
					"bumen/4.html", //点击跳转链接
					"image/4.png", //展示图片地址
					"督察部" //轮播标题
				],
				[
					"bumen/5.html", //点击跳转链接
					"image/5.png", //展示图片地址
					"勤工部" //轮播标题
				]
			];

			//侧边栏目添加
			var ceb_json = [[
					"http://jyvip.gitee.io/swzj", //点击跳转链接
					"image/home.png", //图标logo
					"首页" //栏目标题
				],
				[
					"https://qm.qq.com/cgi-bin/qm/qr?k=yZVYoLIzOPJYJV7mm8HOd_I_5SqVouZC&jump_from=webapi", //点击跳转链接
					"image/works.png", //图标logo
					"加入QQ群" //栏目标题
				],
				[
					"me/index.html", //点击跳转链接
					"image/setup.png", //图标logo
					"by 阿豪" //栏目标题
				]
			];

			//音乐添加
			var playlist = [


			{
				title: "你懂的", //音乐标题
				artist: "半吨兄弟", //歌手昵称
				mp3: "http://music.163.com/song/media/outer/url?id=1423054774.mp3", //音乐地址
				cover: "https://y.gtimg.cn/music/photo_new/T002R300x300M000004Upmxf02GNW9_1.jpg?max_age=2592000", //音乐封面
			},
			

			 {
				title: "优雅永不过时",
				artist: "music",
				mp3: "http://ex.sycdn.kuwo.cn/a35d43276b788eefd7bd910d4f8f1670/5fa6a25f/resource/n2/0/78/3108367806.mp3",
				cover: "https://dss1.bdstatic.com/6OF1bjeh1BF3odCf/it/u=3202001588,3454933131&fm=74&app=80&f=JPG&size=f121,121?sec=1880279984&t=54ba02057bafbbe69ef108735b8eab24",
			}, 

			{
				title: "Katie Sky-Monsters Remix",
				artist: "嘻嘻琳 remix",
				mp3: "http://m10.music.126.net/20201109222037/c0d7ad151883a54d681da57efd9bb8c4/ymusic/530b/550c/0f09/da7aadfd58bfd561fd728cdcb95170a6.mp3",
				cover: "http://p3.music.126.net/tBTNafgjNnTL1KlZMt7lVA==/18885211718935735.jpg",
			}, 


			];
		</script>

		<div id="box">
			<!--头像部分-->
			<div id="boox" class="animated swing">
				<img class="touxiang" src="">
				<p class="title animated bounceInLeft"></p>
				<p class="lizhi">你想要的生活和你想过的生活</p>
				<p class="titma animated"><span id="span">本站已运行: 00天0小时00分00秒</span></p>
			</div>
			<script type="text/javascript">
				$(".touxiang").attr("src",timea_name);
				$(".title").text(name_title);
				$(".lizhi").text(qian_title);
			</script>
			<!--头像部分结束-->

			<!--轮播html-->
			<div id="certify">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<script>
				for(var kit = 0;kit<lun_json.length;kit++){
					$(".swiper-wrapper").append('<div class="swiper-slide"><a href='+lun_json[kit][0]+'><img src='+lun_json[kit][1]+' /><p>'+lun_json[kit][2]+'</p></a></div>');
				}
				var certifySwiper = new Swiper('#certify .swiper-container', {
					watchSlidesProgress: true,
					slidesPerView: 'auto',
					centeredSlides: true,
					loop: true,
					autoplay: true,
					loopedSlides: 5,
					autoplay: true,
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
					},
					pagination: {
						el: '.swiper-pagination',
						//clickable :true,
					},
					on: {
						progress: function(progress) {
							for (i = 0; i < this.slides.length; i++) {
								var slide = this.slides.eq(i);
								var slideProgress = this.slides[i].progress;
								modify = 1;
								if (Math.abs(slideProgress) > 1) {
									modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
								}
								translate = slideProgress * modify * 260 + 'px';
								scale = 1 - Math.abs(slideProgress) / 5;
								zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
								slide.transform('translateX(' + translate + ') scale(' + scale + ')');
								slide.css('zIndex', zIndex);
								slide.css('opacity', 1);
								if (Math.abs(slideProgress) > 3) {
									slide.css('opacity', 0);
								}
							}
						},
						setTransition: function(transition) {
							for (var i = 0; i < this.slides.length; i++) {
								var slide = this.slides.eq(i)
								slide.transition(transition);
							}

						}
					}

				})
			</script>
			<!--轮播html结束-->
		</div>

		<!-- 页脚 -->
		<div id="footer">
			<p>© 2020 Chang wan |<a href="http://beian.miit.gov.cn">ICP备20056375号-1</a></p>
			<p>Theme Made BY 阿豪🎈</p><br><br><br>
		</div>

		<!--侧边栏代码-->
		<div id="boox_ce">
			<div id="box_celeft" class="animated fadeInLeft">
				<div class="me_ce">
					<img src="#">
				</div>
				<div class="title_ce"></div>
				<div class="ulli_ce">
					<ul>
					</ul>
				</div>
			</div>
		</div>
		<div id="right_me">
			<img src="image/cdan.png">
		</div>
		<script type="text/javascript">
			for(var cetime=0;cetime<ceb_json.length;cetime++){
				$(".ulli_ce ul").append('<a href='+ceb_json[cetime][0]+'><li><img src='+ceb_json[cetime][1]+'><p>'+ceb_json[cetime][2]+'</p><img class="jt_ce" src="image/jt.png"></li></a>');
			}
			/*自动获取头像和昵称*/
			var img_me = $(".touxiang").attr("src");
			var niceng = $(".title").text();
			$(".me_ce").find("img").attr("src", img_me);
			$(".title_ce").text($(".title").text());
			$("#right_me").click(function() {
				$(this).hide();
				$("#boox_ce").show();
			});
			$("#boox_ce").click(function() {
				$(this).hide();
				$("#right_me").show();
			});
		</script>
		<!--侧边栏代码结束-->

		<!--公告代码-->
		<div id="boox_gg">
			<div id="cw-gg" class="animated bounceIn">
				<div id="title_gg">
					<div class="title_left">
						<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1354268575,1268995723&fm=26&gp=0.jpg">
						<p>Chuang wan</p>
					</div>
					<div class="title_right">
						<img src="https://pic.kuaizhan.com/g3/9b/7c/8103-18cd-4211-97d3-f50c3353a06e95">
					</div>
				</div>
				<div id="txt_center">
					<p>123456</p>

				</div>
				<div class="txt_right">
					<p>来自：<span class="txt_name"></span></p>
					<!--<img src="https://p4.music.126.net/0lAkLx_MvUR5TDYOsTQTsw==/109951163926228201.jpg">-->
				</div>
			</div>
		</div>
		<script type="text/javascript">
			if(gg_cwrp=="no"){//热评墙
				$.get("https://api.oioweb.cn/api/wyypl.php", function(data) {
					$(".title_left").find("img").attr("src", data.Avatar);
					$(".title_left p").text(data.UserName);
					$("#txt_center").find("p").eq(0).text(data.Comment);
					$(".txt_name").text(niceng+"热评墙");
				});
			}else{//自定义公告
				$(".title_left").find("img").attr("src", img_me);
				$(".title_left p").text(niceng);
				$("#txt_center").find("p").eq(0).text(center_text);
				$(".txt_name").text(niceng+"公告墙");
			}
			/*延迟弹出公告框*/
			setTimeout('test()', 1200);

			function test() {
				$("#boox_gg").show();
			}
		</script>
		<!--公告代码结束-->

		<!--天气代码-->
		<div id="tp-weather-widget" style="position:absolute;z-index:99999;"></div>
		<style type="text/css">
			a.sc-eHgmQL.hQLwwD {
				display: none;
			}

			#tp-weather-widget .sw-container {
				right: 10px !important;
				left: unset !important;
			}
		</style>
		<script>
			(function(a, h, g, f, e, d, c, b) {
				b = function() {
					d = h.createElement(g);
					c = h.getElementsByTagName(g)[0];
					d.src = e;
					d.charset = "utf-8";
					d.async = 1;
					c.parentNode.insertBefore(d, c)
				};
				a["SeniverseWeatherWidgetObject"] = f;
				a[f] || (a[f] = function() {
					(a[f].q = a[f].q || []).push(arguments)
				});
				a[f].l = +new Date();
				if (a.attachEvent) {
					a.attachEvent("onload", b)
				} else {
					a.addEventListener("load", b, false)
				}
			}(window, document, "script", "SeniverseWeatherWidget", "//cdn.sencdn.com/widget2/static/js/bundle.js?t=" +
				parseInt((new Date().getTime() / 100000000).toString(), 10)));
			window.SeniverseWeatherWidget('show', {
				flavor: "bubble",
				location: "WX4FBXXFKE4F",
				geolocation: true,
				language: "zh-Hans",
				unit: "c",
				theme: "auto",
				token: "26c4103c-986c-4ecc-a1f7-a52b5d18b1a6",
				hover: "enabled",
				container: "tp-weather-widget"
			})
		</script>


			<!--知音开始-->
			<style>
			.music {
			position: fixed!important;
			position: absolute;
			width: 90px;
			height: 95px;
			z-index: 9;
			right: 0;
			bottom: 0;
			top: expression(offsetParent.scrollTop+offsetParent.clientHeight-150);
			cursor: pointer;
			}
			</style>

			<div id="audio" class="music">
			<img src="http://ku.oioweb.cn/img/weimusic1.gif" width="100px" height="100px" id="d" onclick="c();">
			</div>
			</style>
			<!--知音结束-->

		<!--看板娘-->
		<img id="kbn" class="animated bounceInRight" src="image/kbn.png">

		<!--音乐播放器-->
		<div id="QPlayer">
			<div id="pContent">
				<div id="player">
					<span class="cover"></span>
					<div class="ctrl">
						<div class="musicTag marquee">
							<strong>Title</strong>
							<span> - </span>
							<span class="artist">Artist</span>
						</div>
						<div class="progress">
							<div class="timer left">0:00</div>
							<div class="contr">
								<div class="rewind icon"></div>
								<div class="playback icon"></div>
								<div class="fastforward icon"></div>
							</div>
							<div class="right">
								<div class="liebiao icon"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="ssBtn">
					<div class="adf"></div>
				</div>
			</div>
			<ol id="playlist"></ol>
		</div>
		<script>
			var isRotate = true;
			var autoplay = false;
		</script>
		<script src="js/player.js"></script>
		<script>
			function bgChange() {
				var lis = $('.lib');
				for (var i = 0; i < lis.length; i += 2)
					lis[i].style.background = 'rgba(246, 246, 246, 0.5)';
			}
			window.onload = bgChange;
		</script>
		<!--音乐播放器结束-->

		<!--花瓣飘落-->
		<div style="height:100%; width:100%;display: none;">七夕情人节花瓣飘落</div>
		<script src="js/snowfall.jquery.js"></script>
		<script>
		if(huabang=="yes"){
				$(document).snowfall('clear');
				$(document).snowfall({
					image: "https://pic.kuaizhan.com/g3/c3/9b/3f72-60cf-4d91-8500-4f193c67c59205",
					flakeCount: 10,
					minSize: 5,
					maxSize: 22
				});
		}
		</script>
		<script src="js/jquery.marquee.min.js"></script>
		<!--花瓣飘落结束-->

		<script type="text/javascript">
			runtime();
			function runtime() {
				// 初始时间，日/月/年 时:分:秒
				Y = new Date();
				T = (Y.getTime() - X.getTime());
				M = 24 * 60 * 60 * 1000;
				a = T / M;
				A = Math.floor(a);
				b = (a - A) * 24;
				B = Math.floor(b);
				c = (b - B) * 60;
				C = Math.floor((b - B) * 60);
				D = Math.floor((c - C) * 60);
				//信息写入到DIV中
				span.innerHTML = "本站已运行: " + A + "天" + B + "小时" + C + "分" + D + "秒"
			}
			setInterval(runtime, 1000);
			//滑动触发
			$(window).on('scroll',function(){
				
			})
		</script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
